<!DOCTYPE html>
<ui:composition template="/template/layout.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:p="http://primefaces.org/ui"
	xmlns:o="http://omnifaces.org/ui">

	<f:metadata>
		<o:viewParam name="id" value="#{livroController.formulario.entidade}" />
		<f:viewAction action="#{livroController.prepararCadastro()}" />
	</f:metadata>

	<ui:define name="titulo">Cadastro de Livros</ui:define>

	<ui:define name="breadcrumb">
		<ul class="breadcrumb">
			<li><a href="/biblioteca/paginas/principal.jsf">Início</a> <span class="divider">/</span></li>
			<li><a href="/biblioteca/paginas/leitor/inicio.jsf">Cadastro de Livros</a> <span class="divider">/</span></li>
			<li class="active"><h:outputText value="Novo Livro" rendered="#{livroController.formulario.entidade.new}" /> <h:outputText
					value="Editar Livro" rendered="#{!livroController.formulario.entidade.new}" /></li>
		</ul>
	</ui:define>

	<ui:define name="corpo">
		<h:form id="frmLivro">

			<h3>
				<h:outputText value="Novo Livro" rendered="#{livroController.formulario.entidade.new}" />
				<h:outputText value="Editar Livro" rendered="#{!livroController.formulario.entidade.new}" />
			</h3>

			<div class="row-fluid">
				<div class="span2">
					<p:outputLabel value="Código" for="codigo" />
					<p:inputText id="codigo" maxlength="15" value="#{livroController.formulario.entidade.codigo}" style="width: 100%;" />
				</div>
				<div class="span4">
					<p:outputLabel value="Descrição" for="descricao" />
					<p:inputText id="descricao" maxlength="100" value="#{livroController.formulario.entidade.nome}" style="width: 100%;" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span3">
					<p:outputLabel value="ISBN" for="isbn" />
					<p:inputText id="isbn" maxlength="100" value="#{livroController.formulario.entidade.isbn}" style="width: 100%;" />
				</div>
				<div class="span3">
					<p:outputLabel value="Ano de Lançamento" for="anoLancamento" />
					<p:inputMask mask="9999" id="anoLancamento" value="#{livroController.formulario.entidade.anoLancamento}" style="width: 100%;" />
				</div>
			</div>

			<div class="row-fluid">
				<div class="span3">
					<p:outputLabel value="Autor(es)" for="autores" />
					<p:inputText id="autores" maxlength="60" value="#{livroController.formulario.entidade.autores}" style="width: 100%;" />
				</div>
				<div class="span3">
					<p:outputLabel value="Editora" for="editora" />
					<p:inputText id="editora" maxlength="30" value="#{livroController.formulario.entidade.editora}" style="width: 100%;" />
				</div>
			</div>

			<div class="row-fluid"></div>

			<div class="row-fluid">
				<div class="span12" style="margin-top: 15px;">
					<p:commandButton value="Salvar" action="#{livroController.salvar()}" styleClass="btn btn-primary" ajax="false" />
					<p:spacer width="30" />
					
					<p:commandButton id="btnLimpar" rendered="#{livroController.formulario.entidade.new}" immediate="true" update="@form" process="@this" value="Limpar" action="#{livroController.iniciarDados()}" styleClass="btn btn-default" />
						<p:spacer width="30" />
						
					<p:commandButton id="btnVoltar" ajax="false" immediate="true" value="Voltar" styleClass="btn btn-default"
						action="/paginas/livro/inicio?faces-redirect=true" />
				</div>
			</div>

		</h:form>

	</ui:define>
</ui:composition>